<template>
  <div>
    <div class="week">{{ today }} -- 星期{{ weekday }}</div>
    <van-notice-bar
      left-icon="volume-o"
      text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
    />
    <van-cell-group>
      <van-tag mark type="primary" size="large">今日值班:</van-tag>
      <van-cell title="人员1" value="" />
      <van-cell title="人员2" value="" label="描述信息" />
    </van-cell-group>
    <van-cell-group>
      <van-tag mark type="warning" size="large">今日休息:</van-tag>
      <van-cell title="人员3" value="" />
      <van-cell title="人员4" value="" label="描述信息" />
    </van-cell-group>


    <tabber>底部导航栏</tabber>
  </div>
</template>

<script>
import Tabber from "@/components/Tabber";
import MyHeader from "@/components/MyHeader";
import { Cell, CellGroup, NoticeBar, Calendar } from "vant";
export default {
  components: {
    Tabber,
    MyHeader,
    NoticeBar,
    Calendar,
  },
  data() {
    return {
      today: "",
      weekday: "",
    };
  },
  mounted() {
    let date = new Date();
    this.today = date.toLocaleDateString();
    let weekday_cn = new Array("日", "一", "二", "三", "四", "五", "六");
    this.weekday = weekday_cn[date.getDay()];
  },
};
</script>

<style lang="sass" scoped>
.week {
  font-size: 1.6rem;
  margin: 5px;
  font-weight: bold;
  text-align: center;
}
</style>